<script setup>
const emits = defineEmits(['changePage'])

const props = defineProps({
    total: Number
})
const change = e => emits('changePage', e)
</script>

<template>
    <div class="pagination">
        <t-pagination :total="props.total"
                      @change="change"
                      showJumper
                      showPageSize
                      showPreviousAndNextBtn
                      totalContent />
    </div>
</template>

<style scoped lang="scss">
.pagination {
    padding: 0 20px;
}
</style>
